﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>{$model.title}</title>
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />
    <link rel="stylesheet" href="/Content/amazeui/css/amazeui.min.css" />
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js" type="text/javascript"></script>
    <script src="/Content/amazeui/js/amazeui.min.js" type="text/javascript"></script>
    <style type="text/css">
        body
        {
            font-family: Microsoft YaHei,Helvitica,Verdana,Tohoma,Arial,san-serif;
            background-color: #fff;
        }
        
        .am-divider
        {
            margin: 1rem auto;
        }
        
        .am-article-meta span
        {
            margin-right: 8px;
        }
        
        .origin
        {
            padding: 5px 10px;
            margin-right: 10px;
            background-color: #cf1b1e;
            color: #eee;
        }
        
        .am-article-lead
        {
            position: relative;
            text-indent: 28px;
            background: #fff;
            border: none;
            padding: 20px;
        }
        
        .am-article-lead i
        {
            position: absolute;
            width: 25px;
            height: 25px;
            border: 2px solid #cf1b1e;
        }
        
        .am-article-lead i:nth-child(1)
        {
            top: 0;
            left: 0;
            border-bottom-width: 0;
            border-right-width: 0;
        }
        
        .am-article-lead i:nth-child(2)
        {
            top: 0;
            right: 0;
            border-bottom-width: 0;
            border-left-width: 0;
        }
        
        .am-article-lead i:nth-child(3)
        {
            bottom: 0;
            left: 0;
            border-top-width: 0;
            border-right-width: 0;
        }
        
        .am-article-lead i:nth-child(4)
        {
            bottom: 0;
            right: 0;
            border-top-width: 0;
            border-left-width: 0;
        }
        
        .am-article-ft .am-article-meta
        {
            color: #000;
            margin: 0;
        }
        
        .am-btn-default
        {
            background-color: #01A5EC;
            border-radius: 5px;
            color: #fff;
            width: 48%;
        }
        
        .am-btn-default i
        {
            margin-right: 5px;
        }
        
        .share
        {
            padding: 10px;
            overflow: hidden;
        }
        
        /**多说样式控制**/
        .ds-powered-by
        {
            display: none;
        }
        
        #ds-thread
        {
            padding: 10px;
        }
        #sharemcover
        {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            display: none;
            z-index: 20000;
        }
        
        #sharemcover img
        {
            position: fixed;
            right: 18px;
            top: 5px;
            width: 260px;
            height: 180px;
            z-index: 20001;
            border: 0;
        }

        .am-list>li{
            border:none;
        }

        .am-list>li>a{
            padding: 0;
        }

        #ds-thread #ds-reset .ds-meta{
            width: 100%;
          height: 30px;
          border:none;
        }

        #ds-thread #ds-reset .ds-like-panel{
            margin-top:3px;
            float: left;
        }

        #ds-thread #ds-reset a.ds-like-thread-button{
            position: absolute;
            box-sizing: border-box;
            height: 30px;
            line-height: 22px;
            top:50%;
            right:0%;
            margin-right:0 !important;
            margin:0 !important;
            -webkit-transform:translate3d(-50%,-50%,0);
            transform:translateX(-50%,-50%,0);
        }
        #ds-thread #ds-reset .ds-toolbar{
            display: none !important;
        }
    </style>
</head>
<body id="news">
    <!--新闻-->
    <article class="am-article am-padding-sm">
    <div class="am-article-hd">
      <h1 class="m-article-title">{$model.title}</h1>
      <p class="am-article-meta">
        <span class="origin">{$model.source}</span>
        <span>{$model.add_time format="MM月dd日 HH:mm"}</span>
        <span>{$model.author}</span>
      </p>
      <hr data-am-widget="divider" class="am-divider am-divider-default" />
    </div>

    <div class="am-article-bd am-margin-bottom-sm">
      <div class="am-article-lead">
        <i></i>
        <i></i>
        <i></i>
        <i></i>
        {$model.zhaiyao}
      </div>
    </div>
    <div class="am-article-bd am-margin-bottom-sm">
      {$model.content}
    </div>
    <div class="am-article-ft">
      <p class="am-article-meta">
        <span>
          阅读数:
          <script type="text/javascript" src="/tools/submit_ajax.ashx?action=view_article_click&id={$model.id}&click=1"></script>
        </span>
      </p>
    </div>
  </article>
    <div style="text-align: center;">
        <a class="am-btn am-btn-default" style="margin:0 auto;" onclick="document.getElementById('sharemcover').style.display='block';">
            <i class="am-icon-share-square-o"></i>发送给朋友 </a>
        <!--  <a class="am-btn am-btn-default am-fr"
           onclick="document.getElementById('sharemcover').style.display='block';">
      <i class="am-icon-weixin">
      </i>分享到朋友圈
    </a>-->
    </div>
    <div id="sharemcover" onclick="document.getElementById('sharemcover').style.display='';"
        style="display: none">
        <img src="templatesstore/images/MgnnofmleM.png">
    </div>
    <!-- 多说评论框 start -->
    <div class="ds-thread" data-thread-key="{$model.id}" data-title="{$model.title}"
        data-url="">
    </div>
    <!-- 多说评论框 end -->
    <!-- 多说公共JS代码 start (一个网页只需插入一次) -->
    <script type="text/javascript">
        var duoshuoQuery = { short_name: "cloudorg" };
        (function () {
            var ds = document.createElement('script');
            ds.type = 'text/javascript'; ds.async = true;
            ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo.com/embed.js';
            ds.charset = 'UTF-8';
            (document.getElementsByTagName('head')[0]
|| document.getElementsByTagName('body')[0]).appendChild(ds);
        })();
    </script>
    <!-- 多说公共JS代码 end -->
    <!--相关阅读-->
    <div class="am-panel am-panel-default">
        <div class="am-panel-hd">
            <h3 class="am-panel-title">
                相关阅读
            </h3>
        </div>
        <ul class="am-list am-list-static">
            <vt:foreach from="$newslist" item="news" index="i">
        <li class="am-g am-list-item-dated">
          <a href="{$news.link_url}" class="am-list-item-hd ">{$news.title}</a>
          <!--<span class="am-list-date">{$news.add_time format=yyyy-MM-dd}</span>-->
        </li>
        <vt:foreachelse />
        <li>无数据</li>
      </vt:foreach>
        </ul>
    </div>
    <div class="copyright" style="text-align: center;padding-bottom:8px">
        {$config.wcopyright}
    </div>
    <div style="display: none">
        ©{$ccright}
    </div>
    <style>
        .ds-sync
        {
            display: none !important;
        }
        
        .Copyright
        {
            display: none !important;
        }
        
        .Copyright a
        {
            font-size: 0 !important;
            line-height: 0 !important;
        }
        
        .rich_media_meta
        {
            margin-right: 8px;
            margin-bottom: 10px;
        }
        
        .rich_media_content
        {
            overflow: hidden;
            color: #3e3e3e;
            position: relative;
            min-height: 350px;
        }
        
        .meta_original_tag
        {
            display: inline-block;
            vertical-align: middle;
            padding: 1px .5em;
            border: 1px solid #9e9e9e;
            color: #8c8c8c;
            border-radius: 20% 50%;
            -moz-border-radius: 20% 50%;
            -webkit-border-radius: 20% 50%;
            font-size: 15px;
            line-height: 1.1;
        }
        
        blockquote
        {
            display: block;
            -webkit-margin-before: 1em;
            -webkit-margin-after: 1em;
            -webkit-margin-start: 40px;
            -webkit-margin-end: 40px;
        }
    </style>
    <vt:template id="share_js" file="../../csmall/_share_js.html" charset="utf-8" />
    <vt:template id="bottommenu" file="../../bmenu/bottom.html" charset="utf-8" />
</body>
</html>